<template>
    <view class="bg-[#f8f8f8] min-h-screen">
        <view class="h-[1rpx]"></view>
        <view class="mt-[20rpx] px-[40rpx] text-[30rpx] font-medium bg-white pb-[60rpx]">
            <view class="py-[34rpx] flex items-center border-b border-[#EFEFEF]">
                <text>班级名称:</text>
                <input class="ml-[30rpx] " type="text" placeholder="请输入班级名称">
            </view>
            <view class="py-[34rpx] flex items-center border-b border-[#EFEFEF] w-full">
                <text>班级封面:</text>
                <input class="ml-[30rpx] flex-1 " type="text" placeholder="+上传封面">

            </view>
            <view class="py-[34rpx]  flex items-center border-b border-[#EFEFEF] w-full">
                <text>班级类型:</text>
                <input class="ml-[30rpx] flex-1 "  type="text" placeholder="请选择班级类型">

            </view>
            <view class="py-[34rpx]  flex items-center border-b border-[#EFEFEF] w-full">
                <text>班级管理员:</text>
                <input class="ml-[30rpx] flex-1 "  type="text" placeholder="">

            </view>
            <view class="py-[34rpx] flex items-center border-b border-[#EFEFEF]">
                <text>班级简介:</text>
                <input class="ml-[30rpx] " type="text" placeholder="请输入班级简介">
            </view>
            <view class="py-[34rpx] flex items-center justify-between border-b border-[#EFEFEF]">
                <text>是否开放申请加入班级</text>
                <view class="flex items-center">是<u-icon name="arrow-right" color="#575B66" size="16"></u-icon></view>
            </view>
            <view class="py-[34rpx] flex items-center justify-between border-b border-[#EFEFEF]">
                <text>加入班级是否需要验证</text>
                <view class="flex items-center">是<u-icon name="arrow-right" color="#575B66" size="16"></u-icon></view>
            </view>
            <view class="py-[34rpx] flex items-center justify-between border-b border-[#EFEFEF]">
                <text>是否在班级团队列表呈现</text>
                <view class="flex items-center">是<u-icon name="arrow-right" color="#575B66" size="16"></u-icon></view>
            </view>
            <view class="py-[34rpx] flex items-center justify-between border-b border-[#EFEFEF]">
                <text>班级成员是否可查看详情</text>
                <view class="flex items-center">是<u-icon name="arrow-right" color="#575B66" size="16"></u-icon></view>
            </view>
            <view class="mt-[105rpx] flex justify-center">
                <view
                    class="w-[208rpx] rounded font-medium text-[30rpx] px-1 bg-[#FD755D] text-white h-[88rpx] flex justify-center items-center">
                    保存</view>
            </view>
        </view>
    </view>

</template>
<script setup>
</script>
<style lang="scss" scoped></style>